<!DOCTYPE html>
<html>
<head>
  <link href="jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="jquery.min.js"></script>
  <script src="jquery-ui.min.js"></script>

  <script>
    $(function() {
    $( "#datepicker" ).datepicker({
      changeMonth: true,
      changeYear: true,
      showOn: "button",
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true,
      minDate: -20,
      maxDate: "+1M +10D"
    });
  });
  </script>
</head>
<body style="font-size:62.5%;">

<div id="datepicker12"></div>
<input type="text" id="datepicker">

</body>
</html>
